<div class="cq-navigation cq-navigation--s1n1">
  <!-- 用户信息 -->
  <div class="cq-navigation--user">
    <div class="cq-navigation--avatar">
      <a href="javascript:void(0)">
        <img src="https://github.githubassets.com/images/modules/dashboard/onboarding/gh-desktop.png" alt="logo" />
      </a>
    </div>
    <div class="cq-navigation--user_info">
      <a href="javascript:void(0)">
        <h4>CQuery</h4>
        <p>特立独行的实用组件库</p>
      </a>
    </div>
  </div>
  <nav class="cq-navigation--menu cq-menu cq-menu--default cq-menu--vertical">
    <ul class="cq-menu--list">
      <li class="cq-navigation--part">
        <span class="cq-navigation--part_title">导航</span>
      </li>
      <li class="cq-menu--item">
        <a class="cq-menu--container" href="javascript:void(0);">
          <div class="cq-menu--label">
            <i class="cq-icon iconfont icon-shouyeshouye"></i>
            <span class="cq-menu--title">首页</span>
          </div>
        </a>
      </li>
      <li class="cq-menu--item">
        <div class="cq-menu--container cq-accordion">
          <div class="cq-menu--label cq-accordion--lable is-alone">
            <i class="cq-icon iconfont icon-st-github"></i>
            <span class="cq-menu--title">仓库</span>
          </div>
          <div class="cq-menu--children is-level-2 cq-accordion--content">
            <ul class="cq-menu--list">
              <li class="cq-menu--item">
                <a class="cq-menu--container" href="javascript:void(0);">
                  <div class="cq-menu--label">
                    <span class="cq-menu--title">首页</span>
                  </div>
                </a>
              </li>
              <li class="cq-menu--item">
                <a class="cq-menu--container" href="javascript:void(0);">
                  <div class="cq-menu--label">
                    <span class="cq-menu--title">仓库</span>
                  </div>
                  <div class="cq-menu--children"></div>
                </a>
              </li>
              <li class="cq-menu--item">
                <a class="cq-menu--container" href="javascript:void(0);">
                  <div class="cq-menu--label">
                    <span class="cq-menu--title">友链</span>
                  </div>
                </a>
              </li>
              <li class="cq-menu--item">
                <a class="cq-menu--container" href="javascript:void(0);">
                  <div class="cq-menu--label">
                    <span class="cq-menu--title">相册</span>
                  </div>
                </a>
              </li>
              <li class="cq-menu--item">
                <a class="cq-menu--container" href="javascript:void(0);">
                  <div class="cq-menu--label">
                    <span class="cq-menu--title">日志</span>
                  </div>
                </a>
              </li>
              <li class="cq-menu--item">
                <a class="cq-menu--container" href="javascript:void(0);">
                  <div class="cq-menu--label">
                    <span class="cq-menu--title">归档</span>
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </li>
      <li class="cq-menu--item">
        <a class="cq-menu--container" href="javascript:void(0);">
          <div class="cq-menu--label">
            <i class="cq-icon iconfont icon-youqinglianjie"></i>
            <span class="cq-menu--title">友链</span>
          </div>
        </a>
      </li>
      <li class="cq-menu--item">
        <a class="cq-menu--container" href="javascript:void(0);">
          <div class="cq-menu--label">
            <i class="cq-icon iconfont icon-xiangce-copy"></i>
            <span class="cq-menu--title">相册</span>
          </div>
        </a>
      </li>
      <li class="cq-menu--item">
        <a class="cq-menu--container" href="javascript:void(0);">
          <div class="cq-menu--label">
            <i class="cq-icon iconfont icon-biji"></i>
            <span class="cq-menu--title">日志</span>
          </div>
        </a>
      </li>
    </ul>
    <ul class="cq-menu--list">
      <li class="cq-navigation--part">
        <span class="cq-navigation--part_title">分类</span>
      </li>
      <li class="cq-menu--item">
        <a class="cq-menu--container" href="javascript:void(0);">
          <div class="cq-menu--label">
            <i class="cq-icon iconfont icon-shouyeshouye"></i>
            <span class="cq-menu--title">首页</span>
          </div>
        </a>
      </li>
      <li class="cq-menu--item">
        <a class="cq-menu--container" href="javascript:void(0);">
          <div class="cq-menu--label">
            <i class="cq-icon iconfont icon-youqinglianjie"></i>
            <span class="cq-menu--title">友链</span>
          </div>
        </a>
      </li>
      <li class="cq-menu--item">
        <a class="cq-menu--container" href="javascript:void(0);">
          <div class="cq-menu--label">
            <i class="cq-icon iconfont icon-xiangce-copy"></i>
            <span class="cq-menu--title">相册</span>
          </div>
        </a>
      </li>
      <li class="cq-menu--item">
        <a class="cq-menu--container" href="javascript:void(0);">
          <div class="cq-menu--label">
            <i class="cq-icon iconfont icon-biji"></i>
            <span class="cq-menu--title">日志</span>
          </div>
        </a>
      </li>
    </ul>
  </nav>
</div>